<template>
  <div class="page4">
    <h1 class="title">\ 联系方式</h1>
    <div class="item" v-for="(item, index) in contactList" :key="index">
      <span class="name">{{ item.name }}</span>
      <br />
      <span class="phoneNumber">{{ item.phoneNumber }}</span>
    </div>
  </div>
</template>

<script>
export default {
  name: "page4",
  data() {
    return {
      contactList: [
        {
          name: "院教学行政工作办公室/传真",
          phoneNumber: "0773-2253021"
        },
        {
          name: "院学生工作办公室/传真",
          phoneNumber: "0773-2253022"
        },
        {
          name: "院办邮箱",
          phoneNumber: "jsjs@guat.edu.cn"
        }
      ]
    };
  }
};
</script>

<style scoped lang="less">
.item {
  margin-bottom: 30px;
  .name {
    font-size: 16px;
    font-weight: 600;
  }
  .phoneNumber {
    color: #4d89d8;
    font-size: 25px;
  }
}
</style>